<template>
    <div class="notfond-container">
        <p>这是404页面</p>
        <router-link to="/">返回首页</router-link>
    </div>
</template>

<script setup>
// import { onBeforeMount } from 'vue';
// import { useStore } from 'vuex';

// const store = useStore();
// onBeforeMount(() => {
//     store.commit('setHeader', false)
//     store.commit('setNav', false)
//     store.commit('setTab', false)
// });
</script>

<style lang='scss' scoped>
.notfond-container {
    // position: absolute;
    // height: 100%;
    // width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 1rem;
    font-size: .28rem;
}
</style>
